<template>
  <div class="gereninfo_page">
   <van-nav-bar title="个人信息" left-arrow @click-left="onClickLeft">
  <template #right>
    <van-icon name="search" size="18" />
  </template>
    </van-nav-bar>

    <!-- 列表 -->
    <ul>
        <li>
            <p>姓名</p>
            <p>{{dataArr.name}}</p>
        </li>
         <li>
            <p>联系电话</p>
            <p>{{dataArr.phone}}</p>
        </li>
    </ul>

    <ul>
        <li>
            <p>性别</p>
            <p>{{dataArr.sex}}</p>
        </li>
         <li>
            <p>年薪</p>
            <p>{{dataArr.year_salary}}</p>
        </li>
         <li>
            <p>月薪</p>
            <p>{{dataArr.month_salary}}</p>
        </li>
         <li>
            <p>个人简介</p>
            <p>{{dataArr.remark}}</p>
        </li>
    </ul>

  </div>
</template>

<script>
import {userInfoDetailApi} from '../../request/api'
export default {
    data(){
        return {
            dataArr:{},
        }
    },
    methods:{
        onClickLeft(){
            this.$router.back()
        }
    },
    created(){
        userInfoDetailApi().then(res=>{
            // console.log(res);
            this.dataArr = res.data
        })
    }

}
</script>

<style lang="less" scoped>
.gereninfo_page{
    width: 100vw;
    height: 100vh;
     background-color: #f5f5f5;
}
/deep/.van-nav-bar{
    width: 100%;
    height: 43px;
    background-color: #039 !important;
    .van-nav-bar__content{
        height: 43px;
        .van-nav-bar__left{
            .van-icon{
                 font-size: 20px;
            color: #fff;
            }
           
        }
        .van-nav-bar__title{
        color: #fff !important;
    }
    }
    
}

ul{
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    li{
        display: flex;
        justify-content: space-between;
        height: 42px;
        line-height: 42px;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 15px;
        p{
            &:nth-of-type(2){
                color: #999;
            }
        }
    }
}
</style>